<!DOCTYPE HTML>
<html>
<head>
<title>pixi.js example 1</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #000000;
}
</style>
<script src="../../bin/pixi.dev.js"></script>
</head>
<body>
<script>
var stage = new PIXI.Stage();
var renderer = new PIXI.autoDetectRenderer(1024, 768, null, true, true);
//var renderer = new PIXI.CanvasRenderer(1024, 768, null, true, true);
document.body.appendChild(renderer.view);
var imgUrl = 'http://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Ski_trail_rating_symbol-blue_square.svg/600px-Ski_trail_rating_symbol-blue_square.svg.png';
var sprite = PIXI.Sprite.fromImage(imgUrl);
sprite.position.set(0, 0);
sprite.pivot.set(sprite.width/2, sprite.height/2);
stage.addChild(sprite);
requestAnimFrame(animate);
function animate() {
requestAnimFrame(animate);
sprite.rotation += 0.1;
renderer.render(stage);
}
</script>
</body>
</html>